<?xml version='1.0' encoding='UTF-8' ?>
<!--

    Copyright (c) 2014 Oracle and/or its affiliates. All rights reserved.

    You may not modify, use, reproduce, or distribute this software except in
    compliance with  the terms of the License at:
    http://java.net/projects/javaeetutorial/pages/BerkeleyLicense

-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
	xmlns:f="http://xmlns.jcp.org/jsf/core">
<h:head>
	<title>详情页面</title>
	<meta http-equiv="Content-Type" content="text/xhtml; charset=utf-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<link href="css/bootstrap.min.css" rel="stylesheet" />
	<link href="css/style.css" rel="stylesheet" />
</h:head>

<h:body>
	<div class="container">
		<div class="row">
			<div class="col-xs-12">
				<p></p>
				<ol class="breadcrumb">
					<li><h:outputLink value="index_cms.xhtml"><b>首页</b></h:outputLink></li>
					<li class="active"><b>社区新闻</b></li>
				</ol>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="row">
			<div class="col-xs-12">
				<p>
					<b><h4>社区新闻</h4></b>
				</p>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="row">
			<div class="col-xs-12">
				<div class="panel panel-default">
					<div class="panel-body">
						<!-- Line 1 -->
						<c:forEach items="#{cmsCommunityNewsAccessBean.baseResponse.dataList}" var="var" varStatus="status"> 
							<div class="col-xs-4" style="padding: 5px;">
							<a href="#" class="thumbnail"> <img
								src="#{cmsJWHAccessBean.baseResponse.smallPicURL}#{var.smallpic}" />
								<div class="caption"
									style="padding: 0px; min-height: 40px; max-height: 40px;">
									<label><h:outputText value="#{var.title}"></h:outputText></label>
								</div>
							</a>
						</div>
						</c:forEach>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="js/jquery.min.js"></script>
	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="js/bootstrap.min.js"></script>
	<script src="js/util.js"></script>
</h:body>
</html>